.ember-application {
  .hds-modal {
    @apply overflow-visible;

    .search-container {
      @apply sticky top-0 z-10 bg-color-page-primary px-4 pb-4 pt-4;
    }

    .ember-basic-dropdown {
      @apply mb-2 mt-1 w-full;
    }

    &__body {
      // Allows PeopleSelect dropdown to be completely visible
      @apply overflow-y-visible;
    }

    .hds-form-field--layout-vertical .hds-form-field__control:not(:last-child) {
      // Positions dropdown correctly
      @apply mb-0;
    }

    &.search-window {
      @apply overflow-hidden;

      .hds-modal__body {
        // height must be set for scroll-into-view to work
        @apply relative flex flex-col p-0;
      }

      .hds-modal__footer {
        @apply relative;
      }

      .x-dropdown-list {
        @apply max-h-full overflow-auto;
      }

      .x-dropdown-list-container {
        @apply h-full rounded-none;
      }

      .x-dropdown-list-scroll-container {
        @apply rounded-none;
      }

      .x-dropdown-list-items {
        @apply pb-4;
      }

      .x-dropdown-list-item-link {
        @apply px-6;
      }
    }
  }
}
